<template>
  <a-config-provider :locale="locale">
    <div id="app">
      <router-view/>
    </div>
  </a-config-provider>
</template>

<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
import { AppDeviceEnquire } from '@/utils/mixin'

export default {
  mixins: [AppDeviceEnquire],
  data () {
    return {
      locale: zhCN
    }
  },
  mounted () {

  }
}
</script>
<style>
textarea {
  overflow:auto !important;
}
/* 全局主题颜色样式 */
/* 亮色主题环境下左侧logo和系统名背景颜色 */
.layout.ant-layout .top-nav-header-index.light, .sider.light .logo {
  background-color: #0089D1 !important;
}
/* 亮色主题环境 topmenu 中间菜单背景色 */
.header-index-left .ant-menu-horizontal.ant-menu-light {
  background-color: #0089D1 !important;
  color: azure !important;
}
/* 鼠标滑过菜单颜色变化效果 */
.ant-menu-horizontal.ant-menu-light .ant-menu-submenu:hover{
  background-color: #FFF !important;
}
/* 亮色主题环境 topmenu 选中菜单样式 */
.ant-menu-horizontal.ant-menu-light .ant-menu-submenu-selected {
  color: azure;
}
/* 亮色主题环境 topmenu 激活菜单样式 */
.ant-menu-horizontal.ant-menu-light .ant-menu-submenu-open.ant-menu-submenu-active {
  background-color: #FFF !important;
  /* color: #0089D1 !important; */
}
/* 亮色主题环境 topmenu 没有子菜单的菜单样式 */
.ant-menu-horizontal.ant-menu-light .ant-menu-item > a {
  color: azure !important;
}
.ant-menu-horizontal.ant-menu-light .ant-menu-item:hover {
  background-color: #FFF !important;
}
.ant-menu-horizontal.ant-menu-light .ant-menu-item > a:hover {
  color: #0089D1 !important;
}
.ant-menu-horizontal.ant-menu-light .ant-menu-item.ant-menu-submenu-active {
  background-color: #FFF !important;
}
.ant-menu-horizontal.ant-menu-light .ant-menu-item.ant-menu-submenu-active > a {
  color: #0089D1 !important;
}
/* 亮色主题环境 sidemenu 中间应用样式 */
.sider.light + .sidemenu .header-animat .ant-menu.ant-menu-horizontal.ant-menu-root.ant-menu-light {
  background-color: #0089D1 !important;
  color: rgb(204, 204, 204) !important;
}
.sider.light + .sidemenu .header-animat .ant-menu.ant-menu-horizontal.ant-menu-root.ant-menu-light .ant-menu-item:hover{
  background-color: #0089D1 !important;
}
.sider.light + .sidemenu .header-animat, .sider.light + .sidemenu .header-animat .header {
  background-color: #0089D1 !important;
  color: rgb(204, 204, 204) !important;
}
/* 亮色主题环境 sidemenu 中间应用选中/激活样式 */
.sider.light + .sidemenu .ant-menu-horizontal > .ant-menu-item-selected, .sider.light + .sidemenu .ant-menu-horizontal > .ant-menu-item-active{
  color: #fff !important;
}
/* .sider.light + .sidemenu .ant-menu-horizontal > .ant-menu-item-active {
  color: #fff !important;
} */
/* 亮色主题环境 sidemenu和topmenu 右侧用户名样式 */
.sider.light + .sidemenu .header .user-wrapper .action, .layout.ant-layout .top-nav-header-index.light .user-wrapper .action {
    color: #fff !important;
}
/* 按钮相关颜色 */
.ant-btn-primary{
   background-color: #0089D1 !important;
}
.setting-drawer-index-handle[data-v-06065cda]{
   background-color: #0089D1 !important;
}
.ant-btn-primary-disabled, .ant-btn-primary.disabled, .ant-btn-primary[disabled], .ant-btn-primary-disabled:hover, .ant-btn-primary.disabled:hover, .ant-btn-primary[disabled]:hover, .ant-btn-primary-disabled:focus, .ant-btn-primary.disabled:focus, .ant-btn-primary[disabled]:focus, .ant-btn-primary-disabled:active, .ant-btn-primary.disabled:active, .ant-btn-primary[disabled]:active, .ant-btn-primary-disabled.active, .ant-btn-primary.disabled.active, .ant-btn-primary[disabled].active {
  background-color: #f5f5f5 !important;
}
</style>
<style lang="less">
/**全局滚动条样式优化 */
.ant-table-body {
  &::-webkit-scrollbar {
    height: 8px;
    width: 10px;
    overflow-y: auto;
  }
  /*定义滑块
  内阴影+圆角*/
  &::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 5px rgba(220, 220, 220, 0.2);
    background: #d9d9d9;
  }
  // 定义滚动条轨道
  &::-webkit-scrollbar-track {
    -webkit-box-shadow: 0;
    border-radius: 0;
    background: #f0f2f5;
  }
  /*定义鼠标移入后滑块效果*/
  &:hover{
    &::-webkit-scrollbar-thumb{
      border-radius: 8px;
      -webkit-box-shadow: inset 0 0 5px rgba(220, 220, 220, 0.2);
      background: #c1c1c1;
    }
  }
}
</style>
